GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>Web Content Accessibility Guidelines</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Web Content Accessibility Guidelines</span></h1>

</header>

</div>

<p>Die <b>Web Content Accessibility Guidelines</b><sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> (<b>WCAG</b>; <a href="Englische_Sprache" title="Englische Sprache">englisch</a> für „Richtlinien für barrierefreie Webinhalte“) sind ein internationaler Standard zur <a href="Barrierefreies_Internet" title="Barrierefreies Internet">barrierefreien Gestaltung von Internetangeboten</a>, der in der Europäischen Union für öffentliche Stellen ab 23. September 2019 für neue und ab 23. September 2020 für bestehende Websites und ab 23. Juni 2021 für mobile Anwendungen mit WCAG 2.1 Stufe AA verbindlich ist.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup> Die <a href="Web_Accessibility_Initiative" title="Web Accessibility Initiative">Web Accessibility Initiative</a> (WAI) des <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortiums</a> (W3C) hat die WCAG ausgearbeitet, die <a href="Internationale_Organisation_f%C3%BCr_Normung" title="Internationale Organisation für Normung">Internationale Organisation für Normung</a> (ISO) hat die WCAG 2.0 zum Standard ISO/IEC 40500:2012 erklärt, und das <a href="Europ%C3%A4isches_Komitee_f%C3%BCr_Normung" title="Europäisches Komitee für Normung">Europäische Komitee für Normung</a> (CEN), das <a href="Europ%C3%A4isches_Komitee_f%C3%BCr_elektrotechnische_Normung" title="Europäisches Komitee für elektrotechnische Normung">Europäische Komitee für elektrotechnische Normung</a> (CENELEC) und das <a href="Europ%C3%A4isches_Institut_f%C3%BCr_Telekommunikationsnormen" title="Europäisches Institut für Telekommunikationsnormen">Europäische Institut für Telekommunikationsnormen</a> (ETSI) haben die WCAG 2.1 zur Norm EN 301 549 V2.1.2 (2018-08) erklärt.

</p><p>Webseiten, die diesen Richtlinien entsprechen, sind auch für Menschen mit sensorischen und motorischen (und in gewissem Rahmen mentalen) Einschränkungen zugänglich, d. h., sie können die angebotenen Informationen erfassen und notwendige Eingaben tätigen. Die WCAG stehen im Zentrum zahlreicher Richtlinien und Spezifikationen, die die WAI zur Förderung eines barrierefreien Internets erarbeitet hat. In Deutschland steckt die praktische Umsetzung dieser Richtlinien noch im Anfangsstadium und wird seit 2002 durch die gesetzliche Verankerung in der <a href="Barrierefreie-Informationstechnik-Verordnung" title="Barrierefreie-Informationstechnik-Verordnung">Barrierefreie-Informationstechnik-Verordnung</a> (BITV) gefördert.

</p>

<div style="display:none" class="noexcerpt">Wikipedia:WikiProjekt Ereignisse/Vergangenheit/fehlend</div>

<p>Die alte Version WCAG 1.0 hatte seit Mai 1999 <a href="World_Wide_Web_Consortium#Status" title="World Wide Web Consortium">Empfehlungsstatus</a>. Die aktuelle Version WCAG 2.0<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup> wurde nach mehr als neunjähriger Beratung am 11. Dezember 2008 verabschiedet,<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> inzwischen liegt eine autorisierte deutsche Übersetzung vor.<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> Im Juni 2018 hat die WAI die WCAG 2.1 verabschiedet<sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup>. Version 2.2 der WCAG wurde am 5. Oktober 2023 veröffentlicht.<sup id="cite_ref-10" class="reference"><a href="#cite_note-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Hintergründe"><span id="Hintergr.C3.BCnde"></span>Hintergründe</h2></div>

<p>Die WAI erarbeitet Richtlinien zur barrierefreien Gestaltung des Internets. Die Tätigkeit ist dabei nicht auf die Inhalte der Webseiten allein ausgerichtet. Ebenso existieren Empfehlungen für Autorenwerkzeuge und Benutzeragenten (<a href="Browser" class="mw-redirect" title="Browser">Browser</a>, <a href="Mediaplayer" title="Mediaplayer">Mediaplayer</a> und andere <a href="Unterst%C3%BCtzungstechnologie" title="Unterstützungstechnologie">assistive Technologien</a>). Ebenso zählt zur Tätigkeit eine umfassende Information zum Thema barrierefreies Internet.

</p><p>Mit der zunehmenden Verbreitung des World Wide Web (WWW) in den 90er Jahren und damit der Verbreitung grafisch dargestellter Webseiten wurde das Problem akut, dass die Informationen der Webangebote für Menschen mit Behinderungen nicht mehr zugänglich waren. Diese auf den ersten Blick bizarr wirkende Entwicklung – der zunehmende Ausschluss dieser Menschen bei gleichzeitig vereinfachter Bedienung für andere – hat mehrere Gründe. In den 1980er Jahren war die zeichen- und zeilenorientierte Darstellung der Bedienoberflächen von Betriebssystemen wie <a href="MS-DOS" title="MS-DOS">MS-DOS</a>, <a href="Unix" title="Unix">Unix</a>, <a href="CP/M" title="CP/M">CP/M</a> gut zugänglich für gehörlose, blinde oder vergleichbar behinderte Menschen, da die lineare Struktur der Darstellung in zeilenorientierten Terminalprogrammen bzw. der Verzicht auf akustische Ausgaben keine Barrieren für <a href="Braillezeile" title="Braillezeile">Braillezeilen</a> und andere assistierende Technologien darstellen. Behinderte und Nichtbehinderte konnten so ungehindert kommunizieren. Auch grafisch orientierte Darstellungen der Systemoberflächen stellen an sich noch keine Barriere für Menschen dar, deren Sehfähigkeiten eingeschränkt sind oder die eine Maus nicht bedienen können. Beispielsweise unterstützen moderne Versionen des Betriebssystem <a href="Microsoft_Windows" title="Microsoft Windows">Windows</a> umfassend die Bedienung mit der Tastatur. Die Probleme liegen hauptsächlich in der fehlenden Anwendung der existierenden Standards. Folgende Gründe spielen eine Rolle:

</p>

<ul><li>die hohe Komplexität des Webdesigns: zahlreiche unterschiedliche Technologien erschweren die Erstellung von Webangeboten, die allgemein gut zugänglich sind.</li>

<li>fehlende Standardkonformität der Browser</li>

<li>fehlendes Problembewusstsein bei Webdesignern</li>

<li>die Bedienung ist nicht unabhängig vom verwendeten Gerät möglich: Steuerung und Eingaben mit Maus, Tastatur und anderen Eingabegeräten müssen jedoch möglich sein.</li></ul>

<p>Einige Beispiele problematischen Webdesigns:

</p>

<ul><li>Bevor <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a> umfassend unterstützt wurde, waren <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>-Tabellen ein bevorzugtes Mittel zur Gestaltung des Layouts. Die dadurch erzeugte flächige Struktur kann von Braillezeilen oder <a href="Screenreader" title="Screenreader">Screenreadern</a> nicht geeignet wiedergegeben werden, da die Darstellung oft nicht den tatsächlichen Zusammenhang der Daten wiedergibt.</li>

<li><a href="Hyperlink" title="Hyperlink">Hyperlinks</a>, deren beschreibender Text keinen Hinweis auf das Ziel enthält (z. B. ein Link mit dem Text „hier“), sind ebenfalls für Sehgeschädigte nur schwer zu erfassen.</li></ul>

<p>Prinzipiell stellt Barrierefreiheit keinen hohen Zusatzaufwand dar und ist lediglich ein Teilaspekt einer umfassenden <a href="Gebrauchstauglichkeit_(Produkt)" title="Gebrauchstauglichkeit (Produkt)">Usability</a> von Computertechnologien. Voraussetzung ist jedoch, dass die zusätzlichen Anforderungen von Anfang an in die Planungsprozesse mit einbezogen werden, denn nachträgliche Änderungen sind oft zu aufwändig. Auch bedeutet Barrierefreiheit nicht den Verzicht auf gutes Design. Reine HTML-Seiten sind nicht prinzipiell barrierefrei und gerade multimediale Inhalte können bei bestimmten Behinderungsarten die Zugänglichkeit fördern. Beispielsweise können von Geburt an Gehörlose oft nur schlecht lesen, da die Schrift von der Lautsprache abgeleitet ist, die sie nicht oder nur schlecht beherrschen. Illustrierende Bilder können dann das Verständnis des Textes fördern, der zusätzlich einfach gehalten sein sollte.

</p><p>Vergleichbare Probleme treten auch in anderen Bereichen des computerbasierten Arbeitens auf. Beispielsweise wird die Arbeit als Programmierer für blinde Menschen zunehmend schwieriger, da mit der Verbreitung grafischer orientierter Notationen von Softwaremodellen in Form von <a href="Unified_Modeling_Language" title="Unified Modeling Language">UML</a> etc. die fehlende Zugänglichkeit der UML-Diagramme für Blinde ausschließend wirkt.

</p>

<div class="mw-heading mw-heading2"><h2 id="Auswirkungen">Auswirkungen</h2></div>

<p>Obwohl die Empfehlungen des W3C keine gesetzliche Gültigkeit bezüglich der Entwicklung des Internets besitzen, sind sie dennoch von hoher Verbindlichkeit für die Entwicklung. Allgemein wird von Software Konformität mit den W3C-Standards erwartet. Das betrifft in erster Linie die Browser, die die wichtigste Schnittstelle zum Internet darstellen. Der Grund dafür liegt unter anderem in der unparteilichen Arbeit und der offenen und diskursiven Entwicklung der Standards des W3C. Hinzu kommt, dass die WCAG bereits in die Gesetzgebung einzelner Staaten übernommen wurden. Auch hatte die US-Regierung bereits sehr frühzeitig Unterstützung für die Richtlinien signalisiert. Beispielsweise hat die deutsche Bundesregierung mit der BITV die Richtlinien der WCAG 1.0 rechtlich verbindlich für alle Internetauftritte des Bundes gemacht. Einzelne Bundesländer übernehmen das nach und nach auch für die Landesebene. Salopp gesagt, hat damit eine Empfehlung des W3C erstmals als eine Verordnung rechtsgültigen Status erhalten.

</p><p>Obwohl die gültigen Hypertextstandards des WWW (HTML, <a href="Extensible_Hypertext_Markup_Language" title="Extensible Hypertext Markup Language">XHTML</a>) die Möglichkeit bieten, Webseiten mit zusätzlichen Angaben zugänglich zu machen, wurden diese nie umfassend genutzt, sodass klar wurde, dass eigenständige Richtlinien zur Barrierefreiheit notwendig sind. In der Tat haben die WCAG auch Erfolg, wenn auch von einer allgemeinen Barrierefreiheit des Internets noch immer nicht gesprochen werden kann. Zahlreiche internationale und nationale Initiativen unterstützen diese Empfehlungen. Beispielsweise vergab die <a href="Aktion_Mensch" title="Aktion Mensch">Aktion Mensch</a> von 2003 bis 2010 jährlich den <a href="BIENE-Award" class="mw-redirect" title="BIENE-Award">BIENE-Award</a> für besonders gelungene zugängliche Internetangebote in verschiedenen Kategorien. Die Preisträger sind auch Demonstrationen eines gelungenen Webdesigns.

</p>

<div class="mw-heading mw-heading2"><h2 id="Aktuelles">Aktuelles</h2></div>

<p>Die WCAG 2.0 haben am 11. Dezember 2008 Empfehlungsstatus erhalten. Im Gegensatz zu den WCAG 1.0 konzentrieren sie sich nicht mehr auf HTML und CSS als wichtigste Standards des Internets, sondern beschreiben allgemeiner, wie Layouts, Interaktionen u. a. gestaltet sein müssen, damit das Angebot barrierefrei ist. Die Umsetzung dieser Richtlinien für die einzelnen Technologien wie HTML, <a href="Java_(Technik)" class="mw-redirect" title="Java (Technik)">Java</a>, <a href="Adobe_Flash" title="Adobe Flash">Flash</a> oder <a href="Portable_Document_Format" title="Portable Document Format">PDF</a> obliegt den jeweils verantwortlichen Institutionen bzw. Unternehmen. Damit bleiben die WCAG offen für die raschen technologischen Entwicklungen des Internets und neue Techniken lassen sich integrieren.

</p><p>Die WCAG wurden weiterentwickelt; im Juni 2018 wurden die WCAG 2.1 als W3C Recommendation (Web Standard) veröffentlicht.

</p><p>Der WCAG-Test ist ein Testverfahren zur Prüfung der Zugänglichkeit von Webangeboten. Er wurde im Rahmen der vom Bundesministerium für Arbeit und Soziales geförderten Projektreihe „BIK – barrierefrei informieren und kommunizieren“ entwickelt und macht die Anforderungen der WCAG handhabbar.<sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Die_Empfehlungen_im_Einzelnen">Die Empfehlungen im Einzelnen</h2></div>

<p>Die einzelnen zu prüfenden Punkte der WCAG 1.0 sind in 14 Gruppen unterteilt und besitzen drei verschiedene Prioritäten (A, AA, AAA). Die WAI bietet rund um die WCAG zahlreiche unterstützende Angebote an, um die Umsetzungen der Richtlinien zu erleichtern. Die Kernpunkte werden in folgender Übersicht dargestellt:<sup id="cite_ref-12" class="reference"><a href="#cite_note-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup>

</p>

<ul><li>klare Strukturierung des Dokuments mit Überschriften und Listen, das <a href="Layout" title="Layout">Layout</a> erfolgt nach Möglichkeit mit CSS</li>

<li>der Zweck bzw. die Funktion von Bildern und Animationen wird durch alt-Attribut beschrieben</li>

<li>zu multimedialen Angeboten existieren textliche Alternativen, Untertitel und Transkription für Audio und Audiodeskription für Video</li>

<li>Diagramme werden im Text oder durch Verwendung des longdesc-Attributs beschrieben</li>

<li>Frames besitzen aussagekräftige name-Attribute und das noframes-Element wird genutzt</li>

<li>Tabellen sind möglichst Zeile für Zeile lesbar. Ihr Inhalt wird auch zusammengefasst beschrieben.</li>

<li>Verwendung benutzerseitiger Imagemaps</li>

<li><a href="Skriptsprache" title="Skriptsprache">Skripte</a>, <a href="Java-Applet" title="Java-Applet">Applets</a> etc. sind barrierefrei oder es existieren barrierefreie Alternativen</li>

<li>Tabellen werden nur für die Darstellung von Daten verwendet.</li></ul>

<p>Wichtig ist auch die Überprüfung der Seiten auf Konformität – die sogenannte Validation. Dazu können zumindest teilweise auch entsprechende Softwarewerkzeuge genutzt werden. Jedoch lassen sich nicht alle Aspekte der Konformität automatisiert überprüfen.

</p><p>Prinzipiell ist auch die Verwendung weiterer Technologien nicht ausgeschlossen, wenn bestimmte Grundsätze eingehalten werden. Beispielsweise lassen sich durchaus HTML, CSS und <a href="JavaScript" title="JavaScript">JavaScript</a> nutzen, wenn alle Informationen durch HTML dargestellt werden, CSS das Layout steuert und der Einsatz von JavaScript auf die Verbesserung der Usability beschränkt wird. Wird die Darstellung von Informationen jedoch so integriert, dass die Funktionalität von JavaScript, Java, Flash, CSS usw. zwingend notwendig ist, ist das Angebot nicht barrierefrei. Viele der erweiternden Technologien bieten eigenständige Funktionalitäten zur Verbesserung der Zugänglichkeit (Java, Flash), die jedoch oft nicht genutzt bzw. nicht durch die assistierende Technologie unterstützt wird.

</p>

<caption>Übersicht der 4 Prinzipien und 13 Richtlinien der WCAG 2.1

</caption>

<td rowspan="4"><b>Wahrnehmbarkeit</b>

</td>

<td><b>Textalternativen</b>

</td>

<td>Stellen Sie Textalternativen für alle Nicht-Text-Inhalte zur Verfügung, sodass diese in andere vom Benutzer benötigte Formen geändert werden können, wie zum Beispiel Großschrift, Braille, Symbole oder einfachere Sprache.

</td></tr>

<tr>

<td><b>Zeit-basierte Medien</b>

</td>

<td>Stellen Sie Alternativen für zeit-basierte Medien zur Verfügung.

</td></tr>

<tr>

<td><b>Anpassbar</b>

</td>

<td>Erstellen Sie Inhalte, die auf verschiedene Arten dargestellt werden können (einfacheres Layout), ohne dass Informationen oder Struktur verloren gehen.

</td></tr>

<tr>

<td><b>Unterscheidbar</b>

</td>

<td>Machen Sie es Benutzern leichter, Inhalt zu sehen und zu hören einschließlich der Trennung von Vorder- und Hintergrund.

</td></tr>

<tr>

<td rowspan="5"><b>Bedienbarkeit</b>

</td>

<td><b>Per Tastatur zugänglich</b>

</td>

<td>Sorgen Sie dafür, dass alle Funktionalitäten per Tastatur zugänglich sind.

</td></tr>

<tr>

<td><b>Ausreichend Zeit</b>

</td>

<td>Geben Sie den Benutzern ausreichend Zeit, Inhalte zu lesen und zu benutzen.

</td></tr>

<tr>

<td><b>Anfälle</b>

</td>

<td>Gestalten Sie Inhalte nicht auf Arten, von denen bekannt ist, dass sie zu Anfällen führen.

</td></tr>

<tr>

<td><b>Navigierbar</b>

</td>

<td>Stellen Sie Mittel zur Verfügung, um Benutzer dabei zu unterstützen zu navigieren, Inhalte zu finden und zu bestimmen, wo sie sich befinden.

</td></tr>

<tr>

<td><b>Eingabe Modalitäten</b>

</td>

<td>Erleichtern Sie den Benutzern die Bedienung über verschiedene Eingaben über die Tastatur hinaus.

</td></tr>

<tr>

<td rowspan="3"><b>Verständlichkeit</b>

</td>

<td><b>Lesbar</b>

</td>

<td>Machen Sie Inhalt lesbar und verständlich.

</td></tr>

<tr>

<td><b>Vorhersehbar</b>

</td>

<td>Sorgen Sie dafür, dass Webseiten vorhersehbar aussehen und funktionieren.

</td></tr>

<tr>

<td><b>Hilfestellung bei der Eingabe</b>

</td>

<td>Helfen Sie den Benutzern dabei, Fehler zu vermeiden und zu korrigieren.

</td></tr>

<tr>

<td><b>Robustheit</b>

</td>

<td><b>Kompatibel</b>

</td>

<td>Maximieren Sie die Kompatibilität mit aktuellen und zukünftigen Benutzeragenten, einschließlich assistierender Techniken.

</td></tr></tbody></table>

<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>

<ul><li>Jan Eric Hellbusch: <i>Barrierefreies Webdesign. Praxishandbuch für Webgestaltung und grafische Programmoberflächen</i>. Heidelberg 2004, ISBN 3-89864-260-7</li>

<li>Jan Eric Hellbusch, Kerstin Probiesch (): <i>Barrierefreiheit verstehen und umsetzen: Webstandards für ein zugängliches und nutzbares Internet</i>. Heidelberg 2011, ISBN 978-3-89864-520-1</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<ul><li><a rel="nofollow" class="external text" href="https://www.w3.org/Translations/WCAG20-de/">Richtlinien für barrierefreie Webinhalte (WCAG) 2.0</a> – Autorisierte deutsche Übersetzung der Web Content Accessibility Guidelines (WCAG) 2.0</li>

<li><a rel="nofollow" class="external text" href="https://www.w3.org/TR/WCAG21/"><i>Web Content Accessibility Guidelines 2.1</i></a> 5. Juni 2018 (die aktuelle englische Version der Richtlinien)

<ul><li><a rel="nofollow" class="external text" href="https://www.w3.org/TR/WCAG20/"><i>Web Content Accessibility Guidelines 2.0</i></a> (Dezember 2008)</li></ul></li>

<li><a rel="nofollow" class="external text" href="https://www.einfach-fuer-alle.de/artikel/wcag-einfuehrung/">WCAG 2.0 im Überblick</a> Einfach für Alle. Das Angebot der Aktion Mensch für ein barrierefreies Internet.</li>

<li><a rel="nofollow" class="external text" href="https://www.biene-award.de/preistraeger/">Preisträger vom Biene-Preis für besonders gelungene barrierefreie Webangebote</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.w3.org/Translations/WCAG20-de/"><i>Richtlinien für barrierefreie Webinhalte (WCAG) 2.0.</i></a> <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a>, 29. Oktober 2009,<span class="Abrufdatum"> abgerufen am 10. Februar 2017</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AWeb+Content+Accessibility+Guidelines&rft.title=Richtlinien+f%C3%BCr+barrierefreie+Webinhalte+%28WCAG%29+2.0&rft.description=Richtlinien+f%C3%BCr+barrierefreie+Webinhalte+%28WCAG%29+2.0&rft.identifier=https%3A%2F%2Fwww.w3.org%2FTranslations%2FWCAG20-de%2F&rft.publisher=%5B%5BWorld+Wide+Web+Consortium%5D%5D&rft.date=2009-10-29"> </span></span>

</li>

<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><span class="-print"><a rel="nofollow" class="external text" href="https://eur-lex.europa.eu/legal-content/DE/TXT/?uri=CELEX:32018D2048"><i>Durchführungsbeschluss (EU) 2018/2048 der Kommission vom 20. Dezember 2018 über die harmonisierte Norm für Websites und mobile Anwendungen zur Unterstützung der Richtlinie (EU) 2016/2102 des Europäischen Parlaments und des Rates</i></a></span>, abgerufen am 30. April 2019</span>

</li>

<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text">Artikel 12 von <span class="-print"><a rel="nofollow" class="external text" href="https://eur-lex.europa.eu/legal-content/DE/TXT/?uri=CELEX:32016L2102">Richtlinie (EU) 2016/2102 des Europäischen Parlaments und des Rates vom 26. Oktober 2016 über den barrierefreien Zugang zu den Websites und mobilen Anwendungen öffentlicher Stellen</a></span>, abgerufen am 10. Februar 2017</span>

</li>

<li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><span class="-print"><a rel="nofollow" class="external text" href="https://eur-lex.europa.eu/legal-content/DE/TXT/?uri=CELEX:52016PC0484"><i>Mitteilung der Kommission an das Europäische Parlament gemäß Artikel 294 Absatz 6 des Vertrags über die Arbeitsweise der Europäischen Union betreffend den Standpunkt des Rates im Hinblick auf den Erlass einer Richtlinie des Europäischen Parlaments und des Rates über den barrierefreien Zugang zu den Websites und mobilen Anwendungen öffentlicher Stellen</i> COM(2016) 484 final </a></span>, abgerufen am 10. Februar 2017 „Dem Vorschlag zufolge sollen Websites einiger öffentlicher Stellen EU-weit barrierefrei zugänglich gemacht werden, indem dafür gesorgt wird, dass sie den gleichen technischen Normen und Standards entsprechen (Web Content Accessibility Guidelines WCAG 2.0 Level AA des W3C – WCAG 2.0).“</span>

</li>

<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><span class="cite">Gregor Eibl: <a rel="nofollow" class="external text" href="https://www.ag.bka.gv.at/at.gv.bka.wiki-bka/img_auth.php/f/f5/2017-01-11_EU_RL_Accessibility.pdf"><i>Richtlinie der EU über den barrierefreien Zugang zu den Websites und mobilen Anwendungen öffentlicher Stellen.</i></a> (PDF; 0,7 MB) <a href="Bundeskanzleramt_(%C3%96sterreich)" title="Bundeskanzleramt (Österreich)">Bundeskanzleramt Österreich</a>, 31. Januar 2017,<span class="Abrufdatum"> abgerufen am 10. Februar 2017</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AWeb+Content+Accessibility+Guidelines&rft.title=Richtlinie+der+EU+%C3%BCber+den+barrierefreien+Zugang+zu+den+Websites+und+mobilen+Anwendungen+%C3%B6ffentlicher+Stellen&rft.description=Richtlinie+der+EU+%C3%BCber+den+barrierefreien+Zugang+zu+den+Websites+und+mobilen+Anwendungen+%C3%B6ffentlicher+Stellen&rft.identifier=https%3A%2F%2Fwww.ag.bka.gv.at%2Fat.gv.bka.wiki-bka%2Fimg_auth.php%2Ff%2Ff5%2F2017-01-11_EU_RL_Accessibility.pdf&rft.creator=Gregor+Eibl&rft.publisher=%5B%5BBundeskanzleramt+%28%C3%96sterreich%29%7CBundeskanzleramt+%C3%96sterreich%5D%5D&rft.date=2017-01-31"> </span></span>

</li>

<li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><span class="cite">Ben Caldwell, Michael Cooper, Loretta Guarino Reid, Gregg Vanderheiden: <a rel="nofollow" class="external text" href="http://www.w3.org/TR/WCAG20/"><i>Web Content Accessibility Guidelines (WCAG) 2.0.</i></a> W3C, 11. Dezember 2008,<span class="Abrufdatum"> abgerufen am 13. Dezember 2008</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AWeb+Content+Accessibility+Guidelines&rft.title=Web+Content+Accessibility+Guidelines+%28WCAG%29+2.0&rft.description=Web+Content+Accessibility+Guidelines+%28WCAG%29+2.0&rft.identifier=http%3A%2F%2Fwww.w3.org%2FTR%2FWCAG20%2F&rft.creator=Ben+Caldwell%2C+Michael+Cooper%2C+Loretta+Guarino+Reid%2C+Gregg+Vanderheiden&rft.publisher=W3C&rft.date=2008-12-11&rft.language=en"> </span></span>

</li>

<li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><span class="cite">heb: <a rel="nofollow" class="external text" href="https://www.heise.de/newsticker/meldung/Neuer-Webstandard-fuer-Barrierefreiheit-WCAG-2-0-verabschiedet-189340.html"><i>Neuer Webstandard für Barrierefreiheit WCAG 2.0 verabschiedet.</i></a> heise online, 12. Dezember 2008,<span class="Abrufdatum"> abgerufen am 13. Dezember 2008</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AWeb+Content+Accessibility+Guidelines&rft.title=Neuer+Webstandard+f%C3%BCr+Barrierefreiheit+WCAG+2.0+verabschiedet&rft.description=Neuer+Webstandard+f%C3%BCr+Barrierefreiheit+WCAG+2.0+verabschiedet&rft.identifier=https%3A%2F%2Fwww.heise.de%2Fnewsticker%2Fmeldung%2FNeuer-Webstandard-fuer-Barrierefreiheit-WCAG-2-0-verabschiedet-189340.html&rft.creator=heb&rft.publisher=heise+online&rft.date=2008-12-12"> </span></span>

</li>

<li id="cite_note-8"><span class="mw-cite-backlink"><a href="#cite_ref-8">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="http://www.w3.org/Translations/WCAG20-de/"><i>Richtlinien für barrierefreie Webinhalte (WCAG) 2.0.</i></a> In: <i>W3C.</i> Deutsche Behindertenhilfe Aktion Mensch e. V., 29. Oktober 2009,<span class="Abrufdatum"> abgerufen am 28. Oktober 2010</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AWeb+Content+Accessibility+Guidelines&rft.title=Richtlinien+f%C3%BCr+barrierefreie+Webinhalte+%28WCAG%29+2.0&rft.description=Richtlinien+f%C3%BCr+barrierefreie+Webinhalte+%28WCAG%29+2.0&rft.identifier=http%3A%2F%2Fwww.w3.org%2FTranslations%2FWCAG20-de%2F&rft.publisher=Deutsche+Behindertenhilfe+Aktion+Mensch+e.+V.&rft.date=2009-10-29"> </span></span>

</li>

<li id="cite_note-9"><span class="mw-cite-backlink"><a href="#cite_ref-9">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="https://www.w3.org/TR/WCAG21/">https://www.w3.org/TR/WCAG21/</a></span>

</li>

<li id="cite_note-10"><span class="mw-cite-backlink"><a href="#cite_ref-10">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/WCAG22/"><i>Web Content Accessibility Guidelines (WCAG) 2.2.</i></a> In: <i>w3.org.</i> 5. Oktober 2023,<span class="Abrufdatum"> abgerufen am 27. Februar 2024</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AWeb+Content+Accessibility+Guidelines&rft.title=Web+Content+Accessibility+Guidelines+%28WCAG%29+2.2&rft.description=Web+Content+Accessibility+Guidelines+%28WCAG%29+2.2&rft.identifier=https%3A%2F%2Fwww.w3.org%2FTR%2FWCAG22%2F&rft.date=2023-10-05&rft.language=en"> </span></span>

</li>

<li id="cite_note-11"><span class="mw-cite-backlink"><a href="#cite_ref-11">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.bitvtest.de/wcag_test.html">Der WCAG-Test.</a> Das Projekt BIK – barrierefrei informieren und kommunizieren; abgerufen am 5. Oktober 2023.</span>

</li>

<li id="cite_note-12"><span class="mw-cite-backlink"><a href="#cite_ref-12">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.w3.org/WAI/References/QuickTips/">WAI QuickTips</a>, <a rel="nofollow" class="external text" href="http://www.w3.org/WAI/References/QuickTips/qt.de.htm">deutsche Übersetzung.</a> W3C, 2001; abgerufen am 21. November 2006.</span>

</li>

</ol>

/* start https://de.wikipedia.org/ */

.mw-parser-output table.erw-nav-zebra>tbody>:nth-child(odd){background-color:var(--dewiki-hintergrundfarbe-basis)}.mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste{background-color:#f5f5f5}.mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe{background-color:#e5ecf2}.mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,.mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#ececec}.mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt>.wikitable>*>tr{border-top:2px solid #fdfdfd!important;border-bottom:2px solid #fdfdfd!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#202122}html.skin-theme-clientpref-night .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable tr,html.skin-theme-clientpref-night .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable td{border-color:#101418!important}html.skin-theme-clientpref-night .mw-parser-output .erw-nav-bild span[typeof="mw:File"] img{background-color:#c8ccd1}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#202122}html.skin-theme-clientpref-os .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable tr,html.skin-theme-clientpref-os .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable td{border-color:#101418!important}html.skin-theme-clientpref-os .mw-parser-output .erw-nav-bild span[typeof="mw:File"] img{background-color:#c8ccd1}}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable{border-top:0px!important;border-bottom:0px!important;margin-top:0!important;margin-bottom:0!important}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable tr:first-of-type td{border-top:0px!important}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable tr:last-of-type td{border-bottom:0px!important}

/* end https://de.wikipedia.org/ */

</style><style data-mw-deduplicate="TemplateStyles:r260755238">

/* start https://de.wikipedia.org/ */

.mw-parser-output div.klappleiste{border:1px solid var(--dewiki-rahmenfarbe1);clear:both;font-size:95%;box-sizing:border-box;margin-top:1.5em;padding:2px}.mw-parser-output div.klappleiste:after{clear:both;content:"";display:block}.mw-parser-output div.klappleiste-bild{float:left;padding:2px}.mw-parser-output div.klappleiste-kopf{background:var(--dewiki-hintergrundfarbe5);color:var(--color-base,#202122);text-align:center;font-weight:bold}.mw-parser-output div.klappleiste.mw-collapsed .klappleiste-bild{display:none}.mw-parser-output div.klappleiste+div.klappleiste,.mw-parser-output div.klappleiste+link+div.klappleiste,.mw-parser-output div.klappleiste+link+link+div.klappleiste,.mw-parser-output div.klappleiste+link+style+div.klappleiste,.mw-parser-output div.klappleiste+style+div.klappleiste,.mw-parser-output div.klappleiste+style+style+div.klappleiste,.mw-parser-output div.klappleiste+style+link+div.klappleiste{margin-top:-1px}@media screen{html.skin-theme-clientpref-night .mw-parser-output .klappleiste-bild span[typeof="mw:File"]:not(.skin-invert-image) img{background-color:#c8ccd1}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .klappleiste-bild span[typeof="mw:File"]:not(.skin-invert-image) img{background-color:#c8ccd1}}

/* end https://de.wikipedia.org/ */

</style>

<div class="klappleiste-kopf">Standards des <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortiums</a> (W3C)<div class="erweiterte-navigationsleiste-quicklinks" style="float:left; font-weight:normal; font-size:75%; margin-left:1em; margin-right:2em; display:none;"><span title="Vorlage anzeigen">V</span> – <span title="Diskussion anzeigen">D</span></div></div>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Empfehlungen</b>

</td>

<p><a href="ActivityPub" title="ActivityPub">ActivityPub</a> | <a href="Accessible_Rich_Internet_Applications" title="Accessible Rich Internet Applications">ARIA</a> | <a href="Canonical_XML" title="Canonical XML">Canonical XML</a> | <a href="Compound_Document_Formats" title="Compound Document Formats">CDF</a> | <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a> | <a href="Document_Object_Model" title="Document Object Model">DOM</a> | <a href="W3C_Geolocation_API" title="W3C Geolocation API">Geolocation API</a> | <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> | <a href="HTML5" title="HTML5">HTML5</a> | <a href="InkML" title="InkML">InkML</a> | <a href="Internationalization_Tag_Set" title="Internationalization Tag Set">ITS</a> | <a href="JSON-LD" title="JSON-LD">JSON-LD</a> | <a href="Mathematical_Markup_Language" title="Mathematical Markup Language">MathML</a> | <a href="Web_Ontology_Language" title="Web Ontology Language">OWL</a> | <a href="Platform_for_Privacy_Preferences_Project" title="Platform for Privacy Preferences Project">P3P</a> | PLS | <a href="Portable_Network_Graphics" title="Portable Network Graphics">PNG</a> | <a href="Resource_Description_Framework" title="Resource Description Framework">RDF</a> | <a href="RDF-Schema" title="RDF-Schema">RDF-Schema</a> | <a href="Rule_Interchange_Format" title="Rule Interchange Format">RIF</a> | <a href="SCXML" title="SCXML">SCXML</a> | <a href="Semantic_Interpretation_for_Speech_Recognition" title="Semantic Interpretation for Speech Recognition">SISR</a> | <a href="Simple_Knowledge_Organisation_System" title="Simple Knowledge Organisation System">SKOS</a> | <a href="Synchronized_Multimedia_Integration_Language" title="Synchronized Multimedia Integration Language">SMIL</a> | <a href="SOAP" title="SOAP">SOAP</a> | <a href="Speech_Recognition_Grammar_Specification" title="Speech Recognition Grammar Specification">SRGS</a> | <a href="Speech_Synthesis_Markup_Language" title="Speech Synthesis Markup Language">SSML</a> | <a href="Scalable_Vector_Graphics" title="Scalable Vector Graphics">SVG</a> | <a href="SPARQL" title="SPARQL">SPARQL</a> | <a href="Timed_Text" title="Timed Text">Timed Text</a> | <a href="Turtle_(Syntax)" title="Turtle (Syntax)">Turtle</a> | <a href="VoiceXML" title="VoiceXML">VoiceXML</a> | <a href="Web_Services_Description_Language" title="Web Services Description Language">WSDL</a> | <a href="XForms" title="XForms">XForms</a> | <a href="Extensible_Hypertext_Markup_Language" title="Extensible Hypertext Markup Language">XHTML</a> | <a href="RDFa" title="RDFa">XHTML+RDFa</a> | <a href="XInclude" title="XInclude">XInclude</a> | <a href="XLink_(Syntax)" title="XLink (Syntax)">XLink</a> | <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a> | <a href="XML_Base" title="XML Base">XML Base</a> | <a href="XML-Encryption" title="XML-Encryption">XML-Encryption</a> | <a href="XML_Events" title="XML Events">XML Events</a> | <a href="XML_Information_Set" title="XML Information Set">XML Information Set</a> | <a href="Namensraum_(XML)" title="Namensraum (XML)">XML Namespace</a> | <a href="XML_Schema" title="XML Schema">XML Schema</a> | <a href="XML_Signature" title="XML Signature">XML Signature</a> | <a href="XPath" title="XPath">XPath</a> | <a href="XPointer" title="XPointer">XPointer</a> | <a href="XProc" title="XProc">XProc</a> | <a href="XQuery" title="XQuery">XQuery</a> | <a href="Extensible_Stylesheet_Language" title="Extensible Stylesheet Language">XSL</a> | <a href="Extensible_Stylesheet_Language_%E2%80%93_Formatting_Objects" title="Extensible Stylesheet Language – Formatting Objects">XSL-FO</a> | <a href="XSL_Transformation" title="XSL Transformation">XSLT</a> <small>(Elemente)</small>

</p>

</td>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Arbeitsentwürfe<br>und Kandidaten</b>

</td>

<p><a href="CCXML" title="CCXML">CCXML</a> | <a href="CURIE" title="CURIE">CURIE</a> | <a href="SMIL_Timesheets" title="SMIL Timesheets">SMIL Timesheets</a> | <a href="SXBL" title="SXBL">sXBL</a> | WICD | <a href="XFrames" title="XFrames">XFrames</a> | <a href="XML_Binding_Language" title="XML Binding Language">XBL</a> | XHTML+MathML+SVG | <a href="XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Anmerkungen</b>

</td>

<p><a href="XAdES" title="XAdES">XAdES</a> | <a href="Extensible_Forms_Description_Language" title="Extensible Forms Description Language">XFDL</a> | <a href="XHTML%2BSMIL" title="XHTML+SMIL">XHTML+SMIL</a> | <a href="Extensible_User_Interface_Protocol" title="Extensible User Interface Protocol">XUP</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Richtlinien</b>

</td>

<p><a class="mw-selflink selflink">Web Content Accessibility Guidelines</a> | Multimodal Interaction Activity | <a href="W3C_Markup_Validation_Service" title="W3C Markup Validation Service">Markup Validation Service</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Initiativen</b>

</td>

<p><a href="Web_Accessibility_Initiative" title="Web Accessibility Initiative">Web Accessibility Initiative</a>

</p>

</td></tr>

</tbody></table></div></div></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-03-09" href="https://de.wikipedia.org/wiki/?title=Web_Content_Accessibility_Guidelines&oldid=254032297">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>